{% extends 'base/index.html' %}
{% block top_nav_about %} disabled border border-info {% endblock %}
{% block section %}
    <div class="container rounded bg-white mt-1">
        <div class="row">
            <a class="col-5 h1 mb-0 mt-1 border-bottom text-dark link-secondary" href="#about">关于我</a>
            <p>觉得我文章不错的可以捐助一下为服务器续命。</p>
            <p>分享一些我自己在生活中的问题以及收藏的一些所见所得！</p>
            <p>所有内容均是原创否则会标注上原创链接，未经允许禁止转载！</p>
        </div>
        <div class="row">
        <a class="col-5 h2 mb-0 mt-1 border-bottom text-dark link-secondary" href="#contact">联系方式</a>
            <p>其他的联系方式就不写了，一般微信用的比较多。</p>
            <p>加我微信，麻烦标注上来意, 比如赞助啊、合作啊、探讨技术啊······等等。</p>
            <p><span  onclick="copy()" id="weixin_id" 
            style="color: #0003c7;border:1px solid #0003c7; padding: 5px;border-radius: 10px;"><i
                class="fa-brands fa-weixin" style="color: #50a01e;"></i>yin-only_</span></p>
            <script>
                function copy() {
                    var element = createElement("yin-only_");
                    element.select()
                    element.setSelectionRange(0, element.value.length);
                    document.execCommand('copy');
                    alert("已复制到剪切板");
                }
                //创建临时的输入框元素
                function createElement(text) {
                    var isRTL = document.documentElement.getAttribute('dir') === 'rtl';
                    var element = document.createElement('textarea');
                    // 防止在ios中产生缩放效果
                    element.style.fontSize = '12pt';
                    // 重置盒模型
                    element.style.border = '0';
                    element.style.padding = '0';
                    element.style.margin = '0';
                    // 将元素移到屏幕外
                    element.style.position = 'absolute';
                    element.style[isRTL ? 'right' : 'left'] = '-9999px';
                    // 移动元素到页面底部
                    let yPosition = window.pageYOffset || document.documentElement.scrollTop;
                    element.style.top = `${yPosition}px`;
                    //设置元素只读
                    element.setAttribute('readonly', '');
                    element.value = text;
                    document.body.appendChild(element);
                    return element;
                }
            </script>
        </div>
    </div>
{% endblock %}